<template>
  <el-container class="layout">
    <!-- <el-header class="layout-header">Header</el-header> -->

    <el-container>
      <el-aside>
        <SideMenu class="side-menu" />
      </el-aside>

      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import SideMenu from './DefaultLayoutSideMenu.vue'

export default {
    name: 'DefaultLayout',
    components: {
        SideMenu
    },
}
</script>

<style lang="scss" scoped>
.layout {
  height: 100vh;

  &-header {
    border-bottom: 1px solid #eee;
  }

  .aside-menu {
    height: 100%;
  }
}
</style>